{% for section in content %}

<div class="rnf-top-posts-section">
    
    <div class="rnf-top-posts-mainpost">
        <div class="rnf-top-posts-mainpost-image" style="background: url({{ section.main.img }});">
        </div>
        <div>
            <h3 class="rnf-top-posts-mainpost-title">
            <a href="{{ section.main.url }}">{{ section.main.title.decode('utf-8') }}</a>
            </h3>
            <p class="rnf-top-posts-mainpost-snippet">{{ section.main.snippet.decode('utf-8') }}
                <a href="{{ section.main.url }}" class="rnf-top-posts-mainpost-morelink">»»</a>
            </p>
        </div>
    </div> 

    <div class="rnf-top-posts-extraposts-wrapper">
    {% for item in section.secondary %}
        <div class="rnf-top-posts-extrapost">
            <h3 class="rnf-top-posts-extrapost-title">
                <a href="{{ item.url }}">{{ item.title.decode('utf-8') }}</a>
            </h3>
            <p class="rnf-top-posts-extrapost-snippet">{{item.snippet.decode('utf-8') }}
                <a href="{{ item.url }}" class="rnf-top-posts-extrapost-snippet-morelink">»»</a>
            </p>
        </div>
    {% endfor %}    
    </div>   
    
</div>    

{% endfor %}
